
<!DOCTYPE html>
<html>
   <head>
      <title>myweb</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
      
      <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
      
      <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
	<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
	</script>
      <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
      <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
   </head>
   <body background="img/src=http---c-ssl.duitang.com-uploads-item-201601-19-20160119200135_dXcvF.thumb.700_0.jpeg&refer=http---c-ssl.duitang.jpg">
     <div class="container" style="background-color: #55aaff;">
     	<div class="row clearfix" style="background-color: #c7eafe;">
     		<div class="col-md-12 column">
     			<nav class="navbar navbar-default navbar-inverse" role="navigation">
     				<div class="navbar-header">
     					 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="index.html">主页</a>
     				</div>
     				
     				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
     					<ul class="nav navbar-nav">
     						<li>
     							 <a href="关系图.html">关系图</a>
     						</li>
     						<li>
     							 <a href="我的认识.html">我的认识</a>
     						</li>
							<li>
								<a href="我的规划.html">我的规划</a>
							</li>
     						<li class="dropdown">
     							 <a href="#" class="dropdown-toggle" data-toggle="dropdown">更多学习资料<strong class="caret"></strong></a>
     							<ul class="dropdown-menu">
     								<li>
     									 <a href="https://www.runoob.com/"target="_blank" rel="noopener noreferrer">菜鸟教程</a>
     								</li>
									<li class="divider">
									</li>
     								<li>
     									 <a href="https://github.com" target="_blank" rel="noopener noreferrer">Github</a>
     								</li>
									<li class="divider">
									</li>
     								<li>
     									 <a href="https://www.csdn.net/" target="_blank" rel="noopener noreferrer">CSDN</a>
     								</li>
     								<li class="divider">
     								</li>
     								<li>
     									 <a href="https://www.infoq.cn/" target="_blank" rel="noopener noreferrer">infoq</a>
     								</li>
     								<li class="divider">
     								</li>
     								<li>
     									 <a href="https://www.lintcode.com/problem/" target="_blank" rel="noopener noreferrer">lintcode</a>
     								</li>
     							</ul>
     						</li>
     					</ul>
     					
     				
     			</nav>
     			<div class="jumbotron well" style="background: url(./img/1591530521-V0dMF.webp);background-size: 100% 100%;">
     				<h1 style="color: floralwhite;">
     					Hello, world!
     				</h1>
     				<p style="color: floralwhite;" >
     					欢迎来到我的第一个网页，制作有些简陋，但是有着我对计算机这个专业的思考与总结
     				</p>
     			</div>
     			<h2 >
     				为什么要做这样一个网页？
     			</h2>
     			<p>
					<font size="4">首先当然是要完成作业了！！！当然，作为一个计算机专业的学生，这还是我的首次作品，因此在完成这个作品之后我的内心确实是自豪和激动的，欢迎大家提意见！！！</font>
					
     			</p>
     			<h2>
     				首页介绍
     			</h2>
     			<font size="4">这是网站的首页，导航栏可以点击到我有关计算机专业所学课程的关系图、我的规划等等，当然也可以从以下页面的查看详情中点击。</font>
     		</div>
     	</div>
     	<div class="row clearfix" style="background: url(img/src=http---inews.gtimg.com-newsapp_match-0-11695386033-0.jpg&refer=http---inews.gtimg.jpg);background-size: 100% 100%;">
     		<div class="col-md-4 column">
     			<h2>
     				关系图
     			</h2>
     			<p>
     				这是我结合网上的资料画出的有关计算机专业需要学习的知识以及各学科之间的关系……
     			</p>
     			<p>
					<a class="btn btn-primary btn-large" href="关系图.html">了解更多</a>
     			</p>
     		</div>
     		<div class="col-md-4 column">
     			<h2>
     				我的规划
     			</h2>
     			<p>
     				作为一个计算机专业的学生，我为什么要学习这个专业，我有对自己有什么规划（当然也有些实现不了）……
     			</p>
     			<p>
     				<a class="btn btn-primary btn-large" href="我的规划.html">了解更多</a>
     			</p>
     		</div>
     		<div class="col-md-4 column">
     			<h2>
     				我的认识
     			</h2>
     			<p>
					我对于自己优缺点的认识，如何克服这样的缺点、如何最大利用自己的优点……
				</p>
     			<p>
     				<a class="btn btn-primary btn-large" href="我的认识.html">了解更多</a>
     			</p>
     		</div>
     	</div>
     </div>
   </body>
</html>
